最近最火的 AI 编程软件，恐怕就是 cursor 了。
我用 cursor 最新迭代的 composer 功能，自己没写一行代码，仅仅通过几次对话，就让他帮我生成了一个完整的 chrome 插件：网页总结助手。
效果如下。左侧是原网页，右侧就是自动生成的总结。
整个流程我只花了不到半小时的时间，就把整个插件生成并且上传到 chrome 浏览器里去。
Cursor 真的是打开了通往未来的大门啊，所有不会代码的互联网人都该立马上手尝试一下 Cursor 和它最新的 composer 功能。你会发现打开了一个新世界。
下边介绍一下cursor 帮我写代码的过程。
先了解一下 cursor的界面，包括三部分：左边是你的文件夹和文件，中间是打开的各个代码文件，右边是 chat 页面，可以跟他对话，修改代码。
而我今天用到的 composer 功能，则要通过 command/control+i 快捷键来调出来 ，调出之后界面如下图所示。
第一步，在这个界面输入你的需求。 记得模型选 claude-3.5-sonnet，现在大家都觉得他的代码能力最强。
我是这么写的：
我想生成一个 chrome 插件，希望能使用 GPT 的 API （能自己输入 key 和 base url ）对网页内容进行总结，生成以下内容（一句话总结、摘要、核心观点、金句提取），并且能跟内容进行对话。
然后，他就刷刷刷生成了8个代码文件。很快，不到1分钟。
从cursor给出的这些文件名称上可以看出，他已经根据我的需求准备了必要的功能和模块，包括了manifest文件、弹窗html文件、后台脚本文件等等。
整个过程非常顺畅，完全不需要我自己动手写任何代码！而且我也不知道 chrome 插件需要这么多不同的文件类型。
第二步，调试插件。就是把这个插件安装到浏览器里，看一下能不能正常生成内容。
进入「管理扩展程序」页面，然后把他生成的代码文件拖到一个文件夹里，把这个文件夹直接拖进页面。（前提是已经打开开发者模式）
然后找到一个网页，点击你的插件按钮，看是否能够运行。
我总共跟composer 来回沟通了5次左右，主要是以下问题和改动：
把选取模型改成手动输入模型。他生成的代码一开始是在下拉框里选择模型。但因为我没有用官方的API，而是 siliconflow 的，所以我想自己输入模型名称。这个一次对话搞定。
我自己的 base url 没有输对。这个是需要把v1/chat/completions 放到网址里。
生成的内容不是我想要的结构。我想让他生成一句话总结、摘要、核心观点、金句提取这四个部分。但实际输出时，没有「一句话总结」和「摘要」的内容。我就直接跟 composer 说当前的输出是什么样，我想要什么样。然后他也一次搞定了。
暂时还不想管插件 logo 的事情。我让他先把跟 logo 相关的代码删掉了。之后上边的都跑通了之后，我再用 dall-e 生成了一个 logo，让他再给我加到代码里。
这样我没有写一行代码，只是通过对话，然后点击 accept all，就生成了一个完整的 chrome 插件：网页总结助手。他有如下功能：
使用自己的 api key 和 base_url。如果你还没有，请参考我之前写的文章使用 SiliconCloud，免费使用最强开源大模型 Llama3.1-405b，免费薅siliconflow 2000万 token 的羊毛。
总结网页内容，生成一句话总结、摘要、核心观点、金句提取
跟网页内容进行对话，提问。
我已经把代码上传到了 github，https://github.com/huangzhenhao90/cursor_webpage_summary，可以下载相关的代码试玩。
当然最建议的还是自己下载 cursor 试一试，现在注册，官方会给15天的高级会员。
重点还不是薅羊毛，重点是感受一下当前最先进的代码生成 AI，感受一下作为一个非技术人员能够写应用的那种冲击。
每一个非技术人员都可以快速验证自己的想法，快速生成 demo 去找用户验证，到市场上去验证。
AI 对用研的冲击大家都还没怎么感觉到，但 AI 对前端的冲击，已经近在眼前了。当然，很多技术同学肯定会说大型的、复杂的项目 AI肯定 hold 不住。
但那不重要。对于非技术同学来说，不是真的要去写复杂的代码，而是可以了解程序是怎么写出来的。
如果你能够写出简单的程序，你就能够了解程序的思维方式和逻辑。 你就能够更好地与技术人员沟通，就能够更好地评估项目的可行性和复杂性。同时，你也能够更好地思考解决问题的方法和思路。
快去试试吧。